<template>
    <div class="topic">
        <div class="main-topic">
            <h1>{{topic.title}}</h1>
            <div>{{html}}</div>
            <Tabs value="name1">

            </Tabs>
        </div>
    </div>
</template>

<script>
    export default {
        name: "topic",
        data(){
            return {
                topic:{
                    html:'',
                    title:'电脑',
                    watched:'',
                    amount:'',
                    subTopic:[],
                },

            }
        }
    }
</script>

<style scoped>
    .topic{
        position: relative;
        height: 100px;
        background-color: #cacaca;
    }
    .main-topic{
        background-color: white;
        position: absolute;
        text-align: center;
        left: 50%;
        width: 1000px;
        margin-left: -500px;
    }
    .main-topic h1{
        color: black;
    }

</style>